/**
 * Chase Engine CSS Construct
 * Copyright (c) 2010 Chase Engine.  All rights reserved.
 * version:		1.0.0
 */
@import url('reset.css');
@import url('webkit.css');

/* Adds font facing to the content of the page */
body {
	background-color: #ffffff;
	font: 0.8125em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

/* Render HTML 5 elements as block */
header,
footer,
aside,
nav,
article {
	display: block;
}

/* Bringing italics back to em and other styled elements */
em,
i {
	font-style: italic;
}

/* Bringing boldness back to headers and other weighted elements */
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
dt,
th {
	font-weight: bold;
}

/* Enhanced input styles for cross-browser stability */
input[type=text],
input[type=password] {
	background-color: #ffffff;
	border-top: 1px solid #cdcdcd;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left: 1px solid #cdcdcd;
	padding: 6px 8px 0px 6px;
	height: 25px;
	cursor: text;
	
	box-shadow: 1px 1px 0px #e7e7e7;
	
	font: normal normal normal 18px/normal arial, 'sans-serif bold', sans-serif;
	color: #333333;
}

input[type=submit],
input[type=button],
input[type=reset] {
	background: url('../images/input-submit-background.png') left top #ffffff;
	border-top: 1px solid #cdcdcd;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left: 1px solid #cdcdcd;
	padding: 0 6px;
	height: 30px;
	cursor: pointer;
	
	box-shadow: 1px 1px 0px #e7e7e7;
	text-shadow: 0px 1px 0px #ffffff;
	
	font: normal normal normal 15px/normal arial, sans-serif;
	text-align: center;
	color: #333333;
}

input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover {
	background-position: left 30px;
}

/* Enhanced anchor tags for cross-browser stability */
a {
	background: transparent;
	color: #4272db;
	text-decoration: none;
}

a:focus {
	outline: 1px dotted #666666;
}

a:hover {
	text-decoration: underline;
}

/* Century Gothic Font enability */
@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/GOTHIC.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/GOTHICB.ttf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/GOTHICBI.ttf');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/GOTHICI.ttf');
	font-weight: normal;
	font-style: italic;
}